





<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>工作台</title> 
<link rel="stylesheet" href="http://120.24.48.131:80/cudgel/resource/pages/css/base.css">
<link rel="stylesheet" href="http://120.24.48.131:80/cudgel/resource/custom/zk/easyui.css">
<link rel="stylesheet" href="http://120.24.48.131:80/cudgel/resource/pages/css/workbench.css">
<link rel="stylesheet" href="http://120.24.48.131:80/cudgel/resource/pages/css/sub-workbench.css">
<script type="text/javascript" src="http://120.24.48.131:80/cudgel/resource/custom/jquery.min.js"></script>
<script type="text/javascript" src="http://120.24.48.131:80/cudgel/plugins/layer-v3.0.3/layer.js"></script>
</head> 
<body>
    <div class="container">
        <div id="hd">
            
        </div>

        <div id="bd">
            <div class="bd-content">

		<div class="work-box1">
            		<ul class="work-items clearfix">
						<li>
							<div class="work-inner">
								<div class="work-item green" id="div_waitHandleEvent">
									<i class="iconfont">&#xe62a;</i>
									<span class="num" id="count_waitHandleEvent">0&nbsp;<span class="unit">个</span></span>
									<label>我的待办</label>
								</div>
							</div>
						</li>
						<li>
							<div class="work-inner">
								<div class="work-item red" id="div_unreadMsg">
									<i class="iconfont">&#xe705;</i>
									<span class="num" id="count_unreadMsg">0&nbsp;<span class="unit">条</span></span>
									<label>消息</label>
								</div>
							</div>
						</li>
					 <li>
							<div class="work-inner">
								<div class="work-item yellow" id="div_allGridUser">
									<i class="iconfont">&#xe6c6;</i>
									<span class="num" id="count_allGridUser">99&nbsp;<span class="unit">个</span></span>
									<label>网格用户</label>
								</div>
							</div>
						</li>
						<li>
							<div class="work-inner">
								<div class="work-item blue" id="div_allEvent">
									<i class="iconfont">&#xe657;</i>
									<span class="num" id="count_allEvent">0&nbsp;<span class="unit">个</span></span>
									<label>登记上报事件</label>
								</div>
							</div>
						</li>
						<li>
							<div class="work-inner">
								<div class="work-item gray" id="div_finishedEvent">
									<i class="iconfont">&#xe60a;</i>
									<span class="num" id="count_finishedEvent">0&nbsp;<span class="unit">个</span></span>
									<label>结案归档事件</label>
								</div>
							</div>
						</li>
						<li>
							<div class="work-inner">
								<div class="work-item purple" id="div_allGrid">
									<i class="iconfont">&#xe6a4;</i>
									<span title="15" class="num" id="count_allGrid">5&nbsp;<span class="unit">个</span></span>
									<label>中网格</label>
								</div>
							</div>
						</li>
					
					</ul>
            	</div>
		<div class="work-box2">
            		<div class="center-items chart0 clearfix">
                        <div class="chart0-item">
                            <div class="item-inner">
                                <div class="item-content">
                                    <div class="content-hd">本月份接收事件数情况</div>
                                    <div class="chart-chart" id="chart0"></div>
                                </div>
                            </div>
                        </div>
                        <div class="chart0-item">
                            <div class="item-inner">
                                <div class="item-content">
                                    <div class="content-hd">事件统计(2018.3.1~至今)</div>
                                    <div class="chart-chart" id="chart1"></div>
                                </div>
                            </div>
                        </div>
                    </div>
            	</div>
		<div class="work-box3">
            		<div class="inform item-box sub-item-box">
			<div class="sub-item-inner">
            			 <div class="inform-hd">
                            <label>通知公告</label>
                        </div>
                        
                        <ul>
						
                         
						  
                            <div align="center">暂无数据</div>
                          
                       
                        </ul>
            		</div>
                       
                    </div>
		<div class="inform item-box sub-item-box">
			<div class="sub-item-inner">
				<div class="inform-hd">
                            <label>常用附件下载</label> 
                        </div>
                        <ul class="public-attached">
                           <!-- <li>
                                <span></span>
                                <a href="javascript:void();" class="ellipsis">APP安装手册<i></i></a>
                            </li>
							<li>
                                <span></span>
                                <a href="javascript:void();" class="ellipsis">网格化管理服务平台操作手册<i></i></a>
                            </li>-->
                        </ul>
			</div>
                  </div>
		<div class="inform item-box sub-item-box">
			<div class="sub-item-inner">
			 <div class="inform-hd">
                            <label>工作职责</label>
							<span style="margin-left:182px;color:blue;cursor:pointer;float: right;" onclick="viewMoreDuty()">更多</span>
                        </div>
                        
                        <ul>
						
                         
                       
                        </ul>
			</div>
                       
                    </div>
			
            	</div>
		


    </div>
        </div>

        <div id="ft"></div>
    </div>
    <script type="text/javascript" src="http://120.24.48.131:80/cudgel/resource/custom/jquery.min.js"></script>
    <script type="text/javascript" src="http://120.24.48.131:80/cudgel/resource/custom/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="http://120.24.48.131:80/cudgel/resource/pages/js/echarts-all.js"></script>
    
    <script type="text/javascript">
    //chart0
    


    $(document).ready(function(){
    	
   
    	
    	option9 = {
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}:{c} ({d}%)"
                ,enterable: true
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
            },
            series: [
                {
                    name:'访问来源',
                    type:'pie',
                    radius: ['50%', '70%'],
                    avoidLabelOverlap: false,
                    label: {
                        normal: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            show: true,
                            textStyle: {
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    data:[
                        {value:335, name:'直接访问直接访问'},
                        {value:310, name:'邮件营销邮件营销'},
                        {value:234, name:'联盟广告联盟广告'},
                        {value:135, name:'视频广告视频广告'},
                        {value:1548, name:'搜索引擎搜索引擎'}
                    ]
                }
            ]
        };
    	
    	
    	
        var option0 = {
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                orient : 'vertical',
                x : 'left',
                data:['城市管理','应急管理','综治维稳','消防事务','流动人口与出租屋管理','食品药品','矛盾排查','治安管理','其他'],
                show:true
            },
            toolbox: {
                show : false,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {
                        show: true, 
                        type: ['pie', 'funnel'],
                        option: {
                            funnel: {
                                x: '25%',
                                width: '50%',
                                funnelAlign: 'center',
                                max: 1200
                            }
                        }
                    },
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            series : [
                {
                    name:'事件类别',
                    type:'pie',
                    center: ['70%', '60%'],
                    radius : ['35%', '50%'],
                    itemStyle : {
                        normal : {
                            label : {
                                show : true
                            },
                            labelLine : {
                                show : true
                            }
                        },
                        emphasis : {
                            label : {
                                show : true,
                                position : 'center',
                                textStyle : {
                                    fontSize : '16',
                                    fontWeight : 'bold'
                                }
                            }
                        }
                    },
                    data:[
                        {value:756, name:'教育事务指导中心'},{value:23, name:'应急管理'},{value:8, name:'综治维稳'},{value:21, name:'消防事务'},{value:48, name:'流动人口与出租屋管理'},{value:2, name:'食品药品'},{value:7, name:'矛盾排查'},{value:11, name:'治安管理'},{value:93, name:'其他'}
                        // {"name":"综治维稳办","value":5},{"name":"卫计局","value":0},{"name":"组办(人社分局）","value":0},{"name":"综合行政执法局","value":0},{"name":"住建局","value":0},{"name":"宣传办（文体教育局）","value":0},{"name":"教育事务指导中心","value":0},{"name":"社区工作和社会事务局","value":0},{"name":"团工委","value":0},{"name":"市场监督机构","value":0},{"name":"公安分局","value":0},{"name":"消防大队","value":0},{"name":"规划分局","value":0},{"name":"国土分局","value":0},{"name":"三防办","value":0}
                    ]
                }
            ]
        };
        
       
        	var myChart0 = echarts.init(document.getElementById('chart0'));
        	
        	
        	
            myChart0.setOption(option9);
       
      
	  //chart1
    var option1 = { 
    tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data: ['接收事件数', '按期完成数', '超期完成数','未完成数'],
        align: 'right',
        right: 10,
		textStyle: {
          fontStyle: 'normal',
          fontWeight: 'normal',
          fontFamily: 'sans-serif',
          fontSize: 11,
           },
    },
    grid: {
        left: '4%',
        right: '4%',
        bottom: '3%',
		x:40,
        y:30,
        x2:5,
        y2:68,
        borderWidth:1,
        containLabel: true
    },
    xAxis: [{
        type: 'category',
		axisLabel:{
          interval:0,
          rotate:45,
          margin:2,
          textStyle:{
            color:"#222"
          }
         },
        data: ['西城辖区','濠头辖区','张家边辖区','东部辖区','翠亨新区','yy测试']
    }],
    yAxis: [{
        type: 'value',
        axisLabel: {
            formatter: '{value}'
        }
    }],
    series: [ {
        name: '接收事件数',
        type: 'bar',
        data: [633,871,630,930,14,0],
	    itemStyle: {  
            normal: {  
                label: {  
                    show: true,//是否展示  
                    textStyle: {  
                        fontWeight:'bolder',  
                        fontSize : '12',  
                        fontFamily : '微软雅黑',  
                    }  
                }  
            }  
        }
    },{
        name: '按期完成数',
        type: 'bar',
        data: [551,681,586,646,9,0],
	    itemStyle: {  
            normal: {  
                label: {  
                    show: true,//是否展示  
                    textStyle: {  
                        fontWeight:'bolder',  
                        fontSize : '12',  
                        fontFamily : '微软雅黑',  
                    }  
                }  
            }  
        }
    },{
        name: '超期完成数',
        type: 'bar',
        data: [64,145,31,157,2,0],
	    itemStyle: {  
            normal: {  
                label: {  
                    show: true,//是否展示  
                    textStyle: {  
                        fontWeight:'bolder',  
                        fontSize : '12',  
                        fontFamily : '微软雅黑',  
                    }  
                }  
            }  
        }
    },{
        name: '未完成数',
        type: 'bar',
        data: [18,45,13,127,3,0],
	    itemStyle: {  
            normal: {  
                label: {  
                    show: true,//是否展示  
                    textStyle: {  
                        fontWeight:'bolder',  
                        fontSize : '12',  
                        fontFamily : '微软雅黑',  
                    }  
                }  
            }  
        }
    }]
};
        var myChart1 = echarts.init(document.getElementById('chart1'));
        myChart1.setOption(option1);    

    });
        

	
    </script>
</body> 
</html>
